<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>mine</title>
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/rewardstep.css">
</head>

<body>
  <div class="page-wrap">
    <div class="rewardstep-wrap page-padding">
      <!-- 标题 -->
      <h4 class="rewardstep-title fs-14"><span class="name">如何悬赏求职?</span></h4>
      <!-- 步骤 -->
      <div class="step-wrap rewardstep-stage">
        <ul class="step-items fx-row fx-row-center">
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="num fs-14">
                    <span class="active">1</span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="step-info">
                <p class="step-info-common fs-12 active">求职人</p>
                <p class="step-info-common fs-12">支付赏金</p>
                <p class="step-info-common fs-12">求推荐</p>
              </div>
            </div>
          </li>
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="num fs-14">
                    <span>2</span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="step-info">
                <p class="step-info-common fs-12">推荐人</p>
                <p class="step-info-common fs-12">同意推荐</p>
                <p class="step-info-common fs-12">写评论</p>
              </div>
            </div>
          </li>
          <li class="fx-1 step-item">
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="num fs-14">
                    <span>3</span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="step-info">
                <p class="step-info-common fs-12">HR</p>
                <p class="step-info-common fs-12">接受简历</p>
                <p class="step-info-common fs-12">预约面试</p>
              </div>
            </div>
          </li>
          <li class="step-item">
            <!--最后一个li 没有fx-1的类名-->
            <div class="fx-column">
              <div class="step-num">
                <div class="fx-row fx-row-center">
                  <div class="num fs-14">
                    <span>4</span>
                  </div>
                  <div class="fx-1 line"></div>
                </div>
              </div>
              <div class="step-info">
                <p class="step-info-common fs-12">求职人</p>
                <p class="step-info-common fs-12">接受面试</p>
                <p class="step-info-common fs-12">邀请</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="recommend-img rewardstep-img">
        <img src="../../images/rewardstep.png" alt="">
        <div class="tips-text fs-14">
          <p class="text fs-14">还没有合适的人为您推荐？</p>
          <p class="text fs-14"> 发起悬赏，让更多人帮你一起推荐工作吧!</p>
        </div>
      </div>
      <div class="button-wrap">
        <a class="button fs-15" href="#">发起悬赏</a>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>